<template>
  <svg width="300" height="150" xmlns="http://www.w3.org/2000/svg">
    <defs>
      <linearGradient id="gradient" x1="0%" y1="0%" x2="100%" y2="0%">
        <stop offset="0%" stop-color="#bd34fe"/>
        <stop offset="100%" stop-color="#41d1ff"/>
      </linearGradient>
      <filter id="dropshadow" height="130%">
        <feGaussianBlur in="SourceAlpha" stdDeviation="5"/>
        <feOffset dx="5" dy="10" result="offsetblur"/>
        <feFlood flood-color="#333"/>
        <feComposite in2="offsetblur" operator="in"/>
        <feMerge>
          <feMergeNode/>
          <feMergeNode in="SourceGraphic"/>
        </feMerge>
      </filter>
    </defs>
    <text class="text-element" stroke="#000" stroke-width="1" fill="url(#gradient)" font-family="Arial Black, sans-serif" font-size="140" font-weight="bold" text-anchor="middle" x="50%" y="80%" transform="translate(-50%, -50%)" filter="url(#dropshadow)">
      elsfs
    </text>
  </svg>
</template>

